@import "../../assets/styles/theme.module.scss";
.dashboard_switch {
  width: 4.3rem;
  height: 1.7rem;
  background-color: $disable;
  border-radius: 1.7rem;
  position: relative;
  transition: 0.3s;
  cursor: pointer;
  &::after {
    content: "";
    display: inline-block;
    height: 1.4rem;
    width: 1.4rem;
    border-radius: 50%;
    background-color: white;
    position: absolute;
    transition: 0.3s;
    top: 0.15rem;
    left: 0.15rem;
  }
  &.is_shadow {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px,
      rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
  }
  &.switch_active {
    background-color: $active_color;
    &::after {
      left: 97%;
      transform: translateX(-100%);
    }
  }
}
